<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<ui:composition template="/template/template.xhtml">
	<ui:define name="header">
		<div id="menu">
			<ul>
				<li class="current_page_item"><h:outputLink value="index.xhtml"><h:outputText value="#{msg.home}"/></h:outputLink></li>
				<li><h:outputLink value="login.xhtml"><h:outputText value="#{msg.entrar}"/></h:outputLink></li>
				<li><h:outputLink value="about.xhtml"><h:outputText value="#{msg.about}"/></h:outputLink></li>
				<li><h:outputLink value="contato.xhtml"><h:outputText value="#{msg.contato}"/></h:outputLink></li>
			</ul>
		</div>
	</ui:define>
	<ui:define name="content">
		<div class="post">
			<h2 class="title" style="text-align: center">
				<h:outputLink value="#">
					<h:outputText value="#{msg.bemvindo}" />
				</h:outputLink>
				
				
				
			</h2>
			<h2 class="title" style="text-align: center">
				<h:outputLink value="#">Acervo Digital de Filmes</h:outputLink>
			</h2>
			<div class="entry" style="float: right; padding-right: 200px;">
				<p style="text-align: center">
					<br />
					<!-- <p:graphicImage height="300px" width="300px" value="images/img04.jpg" /> -->
					
					<p:galleria>
						<p:graphicImage library="images" name="filmes/galleria3.jpg" />
						<p:graphicImage library="images" name="filmes/galleria1.jpg" />
						<p:graphicImage library="images" name="filmes/galleria2.jpg" />
						<p:graphicImage library="images" name="filmes/galleria4.jpg" />
						<p:graphicImage library="images" name="filmes/galleria5.jpg" />
						<p:graphicImage library="images" name="filmes/galleria6.jpg" />
						<p:graphicImage library="images" name="filmes/galleria7.jpg" />
						<p:graphicImage library="images" name="filmes/galleria8.jpg" />
						<p:graphicImage library="images" name="filmes/galleria9.jpg" />
						<p:graphicImage library="images" name="filmes/galleria10.jpg" />
						<p:graphicImage library="images" name="filmes/galleria11.jpg" />
						<p:graphicImage library="images" name="filmes/galleria12.jpg" />
						<p:graphicImage library="images" name="filmes/galleria13.jpg" />
						<p:graphicImage library="images" name="filmes/galleria14.jpg" />
						<p:graphicImage library="images" name="filmes/galleria15.jpg" />
					</p:galleria>
					&nbsp;
				</p>
			</div>
		</div>
		
		<!-- <p:idleMonitor timeout="15000" onidle="idleDialog.show()" 
			onactive="idleDialog.hide()" />

		<p:dialog header="Programação Para Web com Primefaces" resizable="false"
			widgetVar="idleDialog" modal="true" width="400">
			<h:outputText value="É 10, tem nem para onde \o/ kkkkkkk" />
		</p:dialog>
		 -->
	</ui:define>
</ui:composition>

</html>